<template>
	<view class="bigbox">
		<view class="list" v-for="item in 20" :key="item" @click="goToDetail(item)">
			<view class="image">
				<image src="/static/image_five.jpg" mode=""></image>
			</view>
			<view class="message" >
				<view class="list_ha">
					展馆位置:
				</view>
				<view class="list_ha">
					面积:
				</view>
				<view class="list_ha">
					最新上线时间:
				</view>
				<view class="list_ha">
					是否闭馆:
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				indexVal:''
			};
		},
		onLoad(options) {
			this.indexVal = options.indexVal
		},
		methods:{
			goToDetail(item){
				uni.navigateTo({
					url:'/pages/yuyuedetail/yuyuedetail?zhanguanId=' + item + '&typeId=' + this.indexVal 
				})
			}
		}
		
	}
</script>

<style lang="scss">
page{
	background-color: #f3f3f3;
	.bigbox{
		width: 700rpx;
		margin-left: 25rpx;
		margin-top: 20rpx;
		border-radius: 20rpx;
		.list{
			background-color: #fff;
			height: 266rpx;
			width: 700rpx;
			display: flex;
			padding: 20rpx;
			box-sizing: border-box;
			margin-top: 20rpx;
				margin-bottom: 20rpx;
			.image{
				width: 245rpx;
				height: 225rpx;
				image{
					width: 100%;
					height: 100%;
				}
			}
			.message{
				margin-left: 30rpx;
				display: flex;
				flex-direction: column;
				justify-content: space-around;
			
			}
		}
	}
}
</style>
